<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>嵌套的for循环</title>
    <script>
        //嵌套的for循环
        /*
        for ()
        */

        //创建一个循环，来控制打印的行数（高度）
        for (var i=0; i<5; i++){
            //创建一个内部循环，来控制图形的宽度
            for (var j=0; j<5; j++){
                document.write('☆ ');
            }
            document.write('<br>');
        }
        document.write('<br>');

        for (var i=0; i<5; i++){
            //创建一个内部循环，来控制图形的宽度
            for (var j=0; j<i+1; j++){
                document.write('☆ ');
            }
            document.write('<br>');
        }
        document.write('<br>');

        for (var i=0; i<5; i++){
            //创建一个内部循环，来控制图形的宽度
            for (var j=0; j<5-i; j++){
                document.write('☆ ');
            }
            document.write('<br>');
        }
    </script>
</head>
<body>

</body>
</html>